<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index</title>
    <link rel="stylesheet" href="../css/classify.css">
    <link rel="stylesheet" href="../util/iconfont.css">
</head>
<body>
    <div class="wrap">
        <header>
            <div class="backBt">
                返回
            </div>
            <p>发现</p>
            <div class="select">
                <select name="" id="">
                    <option value="">广州市</option>
                    <option value="">广州市</option>
                    <option value="">广州市</option>
                </select>
            </div>
        </header>
        <main>
            <div class="swiper">
                <div class="swiperCon">
                    <ul>
                        <li>
                            <img src="../image/classify/唱歌.png" alt="">
                            <p>唱歌</p>
                        </li>
                        <li>
                            <img src="../image/classify/美食.png" alt="">
                            <p>美食</p>
                        </li>
                        <li>
                            <img src="../image/classify/电影.png" alt="">
                            <p>电影</p>
                        </li>
                        <li>
                            <img src="../image/classify/运动.png" alt="">
                            <p>运动</p>
                        </li>
                    </ul>
                </div>
                <div class="progressBar">
                    <div class="current"></div>
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
            </div>
            <div class="classifyList">
                <div>
                    <div class="titleH">
                        <div>
                            <img src="../image/classify/美食类.png" alt="">
                            <p>美食类</p>
                        </div>
                        <div>
                            <p>更多</p>
                            <i class="iconfont icon-xiangyou3fill"></i>
                        </div>
                    </div>
                    <div class="picList">
                        <div>
                            <img src="../image/classify/寿司1.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司2.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司3.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司4.png" alt="">
                        </div>
                    </div>
                    
                </div>
                <div>
                    <div class="titleH">
                        <div>
                            <img src="../image/classify/运动类.png" alt="">
                            <p>运动类</p>
                        </div>
                        <div>
                            <p>更多</p>
                            <i class="iconfont icon-xiangyou3fill"></i>
                        </div>
                    </div>
                    <div class="picList">
                        <div>
                            <img src="../image/classify/寿司1.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司2.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司3.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司4.png" alt="">
                        </div>
                    </div>
                    
                </div>
                <div>
                    <div class="titleH">
                        <div>
                            <img src="../image/classify/电影类.png" alt="">
                            <p>电影类</p>
                        </div>
                        <div>
                            <p>更多</p>
                            <i class="iconfont icon-xiangyou3fill"></i>
                        </div>
                    </div>
                    <div class="picList">
                        <div>
                            <img src="../image/classify/寿司1.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司2.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司3.png" alt="">
                        </div>
                        <div>
                            <img src="../image/classify/寿司4.png" alt="">
                        </div>
                    </div>
                    
                </div>
            </div>
        </main>
        <footer>
            <a href="./index.html">
                <div class="index">
                    <i class="iconfont icon-31shouye"></i>
                    <p>首页</p>
                </div>
            </a>
            <a href="./classify.html">
                <div class="classify">
                    <i class="iconfont icon-fenleiorguangchangorqitatianchong"></i>
                    <p>分类</p>
                </div>
            </a>
            <a href="./discover.html">
                <div class="discover">
                    <i class="iconfont icon-faxian"></i>
                    <p>发现</p>
                </div>
            </a>
            <a href="./mine.html">
                <div class="main">
                    <i class="iconfont icon-wode"></i>
                    <p>我的</p>
                </div>
            </a>
        </footer>
    </div>
    <script>
    </script>
</body>
</html>